<?php include('header.php'); ?>

<div id="wrap" class="clearfix">

    <div id="aside">

        <div class="box-orange">

            <h4>YOUR DETAILS</h4>
            <h6>Volkswagen Polo, 1.2, 60PS</h6>
            <ul class="two-columns clearfix">
                <li class="left">
                    <h5>Pick up</h5>
                    <p>Budva - Globtour Office<br>
                        02.06.2012<br>
                        08:00 h</p>
                </li>
                <li class="right">
                    <h5>Return</h5>
                    <p>Budva - Globtour Office<br>
                        03.06.2012<br>
                        08:00 h</p>
                </li>
            </ul>
            <big><span>Total:</span> 280€</big>
            <a href="#" class="form-button">Change details &raquo;</a>

        </div><!-- / Form -->

        <div class="map-box clearfix">

            <img src="pictures/map-img.png" alt="">
            <h4>FIND US EASY!</h4>
            <p>Find us easy!<br>
                Transport, Location,<br>
                Rent-a-car</p>
            <a href="#" class="button">book now &raquo;</a>

        </div>

        <div class="info-box">
            <h3>PLAN YOUR TRIPS ON TIME!</h3>
            <a href="#"><img src="pictures/icon-trip.png" alt=""></a>
            <p>Lorem Ipsum is simply dummy text ever since the 1500s, when an unknown printer took a galley of type.</p>
        </div>
        <div class="info-box">
            <h3>MAKE AN APPOINTMENT</h3>
            <a href="#"><img src="pictures/icon-appointment.png" alt=""></a>
            <p>Lorem Ipsum is simply dummy text ever since the 1500s, when an unknown printer took a galley of type.</p>
        </div>

    </div><!-- / Aside -->

    <div id="main">

        <div class="title">
            <h2><span>Volkswagen</span> Polo</h2>
        </div>

        <div class="details-page clearfix">

            <img src="pictures/polo-mid.jpg" class="details-thumb" alt="">	
            <div class="details-info">
                <p>Top transmission of the driving power to the wheels, singular luxury, precise manifacturing, Pleasantly low consumption, unusual comfort, Car of the Year 2010</p>
                <div class="star-rating-box">
                    <small>Score: 8.2</small>
                    <input type="radio" name="ocena1" class="star" />
                    <input type="radio" name="ocena1" class="star" />
                    <input type="radio" name="ocena1" class="star" />
                    <input type="radio" name="ocena1" class="star" />
                    <input type="radio" name="ocena1" class="star" />
                </div>
                <span class="consumption">8,5 l/100km</span>
                <big>140€ <span>/day</span></big>
            </div>

            <div class="details-book-now">
                <div class="three-col">
                    <div class="right book-price">
                        <div>
                            <big><span>Total:</span> 280€</big>
                        </div>
                        <a href="#" class="button">book now &raquo;</a>
                    </div>
                    <ul class="two-columns clearfix">
                        <li class="left">
                            <h5>Pick up</h5>
                            <ul class="side-form">

                                <li class="clearfix">
                                    <label>From</label>
                                    <input type="text" id="datefrom" class="datepicker hasDatepicker"><img class="ui-datepicker-trigger" src="http://localhost/globtourmontenegro/documents/html/assets/img/date-bgr.png" alt="..." title="...">
                                </li>

                                <li class="clearfix">
                                    <label>Time</label>

                                    <!-- make full -->
                                    <div class="ui-dropdownized dropdownized" id="dropdownized-1" style="cursor: pointer; position: relative; z-index: 1; width: 115px;"><div style="position: absolute; cursor: pointer; display: block; left: 0px; top: 0px; z-index: -1; overflow: hidden; line-height: 20px;">08:00</div><select class="" id="fullfrom" name="fullfrom" style="opacity: 0; display: block; cursor: pointer; float: left; left: 0px; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: transparent; z-index: 5;"><option value="08:00">08:00</option></select></div>                    
                                </li>

                                <li class="clearfix">
                                    <div class="ui-dropdownized dropdownized" id="dropdownized-0" style="cursor: pointer; position: relative; z-index: 1; width: 115px;"><div style="position: absolute; cursor: pointer; display: block; left: 0px; top: 0px; z-index: -1; overflow: hidden; line-height: 20px;">Globtour Office</div><select name="pickup_loc_id" id="pickup_loc_id" class="" style="opacity: 0; display: block; cursor: pointer; float: left; left: 0px; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: transparent; z-index: 5;">
                                            <optgroup label="Budva">
                                                <option value="1" selected="selected">Globtour Office</option>
                                                <option value="2">Hotel Avala</option>
                                                <option value="3">Hotel Slovenska Plaza</option>
                                                <option value="4">Hotel Mediteran</option>
                                                <option value="5">Hotel Iberostar</option>
                                            </optgroup>
                                        </select></div>
                                </li>

                            </ul>
                        </li>
                        <li class="right">
                            <h5>Return</h5>
                            <ul class="side-form">
                                <li class="clearfix">
                                    <div class="ui-dropdownized dropdownized" id="dropdownized-2" style="cursor: pointer; position: relative; z-index: 1; width: 115px;"><div style="position: absolute; cursor: pointer; display: block; left: 0px; top: 0px; z-index: -1; overflow: hidden; line-height: 20px;">Globtour Office</div><select name="return_loc_id" id="return_loc_id" class="" style="opacity: 0; display: block; cursor: pointer; float: left; left: 0px; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: transparent; z-index: 5;">
                                            <optgroup label="Budva">
                                                <option value="1" selected="selected">Globtour Office</option>
                                                <option value="2" disabled="disabled">Hotel Avala</option>
                                                <option value="3" disabled="disabled">Hotel Slovenska Plaza</option>
                                                <option value="4" disabled="disabled">Hotel Mediteran</option>
                                                <option value="5" disabled="disabled">Hotel Iberostar</option>
                                            </optgroup>
                                            <optgroup label="Petrovac">
                                                <option value="6" disabled="disabled">Hotel Palas</option>
                                            </optgroup>
                                            <optgroup label="Tivat">
                                                <option value="7">Airport +15€</option>
                                                <option value="8" disabled="disabled">Hotel Palma +15€</option>
                                            </optgroup>
                                            <optgroup label="Bar">
                                                <option value="9" disabled="disabled">Hotel Princess +15€</option>
                                            </optgroup>
                                            <optgroup label="Ulcinj">
                                                <option value="10" disabled="disabled">Hotel Otrant +15€</option>
                                                <option value="11" disabled="disabled">Hotel Ada Bojana +15€</option>
                                            </optgroup>
                                            <optgroup label="Podgorica">
                                                <option value="12">Airport +15€</option>
                                                <option value="13" disabled="disabled">Hotel Crna Gora +15€</option>
                                                <option value="14" disabled="disabled">Hotel Podgorica +15€</option>
                                            </optgroup>
                                        </select></div>
                                </li>
                                <li class="clearfix">
                                    <label></label>
                                    <input type="text" id="dateto" class="datepicker hasDatepicker"><img class="ui-datepicker-trigger" src="http://localhost/globtourmontenegro/assets/img/icon-datepicker.png" alt="..." title="...">
                                </li>
                                <li class="clearfix">
                                    <label></label>

                                    <!-- make full -->
                                    <div class="ui-dropdownized dropdownized" id="dropdownized-3" style="cursor: pointer; position: relative; z-index: 1; width: 115px;"><div style="position: absolute; cursor: pointer; display: block; left: 0px; top: 0px; z-index: -1; overflow: hidden; line-height: 20px;">08:00</div><select class="" id="fullto" name="fullto" style="opacity: 0; display: block; cursor: pointer; float: left; left: 0px; top: 0px; bottom: 0px; right: 0px; height: 100%; width: 100%; margin: 0px; padding: 0px; background-color: transparent; z-index: 5;"><option value="08:00">08:00</option><option value="08:15">08:15</option><option value="08:30">08:30</option><option value="08:45">08:45</option><option value="09:00">09:00</option><option value="09:15">09:15</option><option value="09:30">09:30</option><option value="09:45">09:45</option><option value="10:00">10:00</option><option value="10:15">10:15</option><option value="10:30">10:30</option><option value="10:45">10:45</option><option value="11:00">11:00</option><option value="11:15">11:15</option><option value="11:30">11:30</option><option value="11:45">11:45</option><option value="12:00">Noon</option><option value="12:15">12:15</option><option value="12:30">12:30</option><option value="12:45">12:45</option><option value="13:00">13:00</option><option value="13:15">13:15</option><option value="13:30">13:30</option><option value="13:45">13:45</option><option value="14:00">14:00</option><option value="14:15">14:15</option><option value="14:30">14:30</option><option value="14:45">14:45</option><option value="15:00">15:00</option><option value="15:15">15:15</option><option value="15:30">15:30</option><option value="15:45">15:45</option><option value="16:00">16:00</option><option value="16:15">16:15</option><option value="16:30">16:30</option><option value="16:45">16:45</option><option value="17:00">17:00</option><option value="17:15">17:15</option><option value="17:30">17:30</option><option value="17:45">17:45</option><option value="18:00">18:00</option><option value="18:15">18:15</option><option value="18:30">18:30</option><option value="18:45">18:45</option><option value="19:00">19:00</option><option value="19:15">19:15</option><option value="19:30">19:30</option><option value="19:45">19:45</option><option value="20:00">20:00</option><option value="20:15">20:15</option><option value="20:30">20:30</option><option value="20:45">20:45</option><option value="21:00">21:00</option><option value="21:15">21:15</option><option value="21:30">21:30</option><option value="21:45">21:45</option><option value="22:00">22:00</option></select></div>
                                </li>
                            </ul>
                        </li>
                    </ul>

                </div>
            </div>

            <h3>Technical details</h3>
            <div class="technical-details">

                <ul class="tech-spec">
                    <li>Engine: <span>1.2</span></li>
                    <li>Max power: <span>60 PS</span></li>
                    <li>Maximal speed: <span>157km/h</span></li>
                    <li>Consumption: <span>5,5l/100km</span></li>
                    <li>Transmission: <span>manual </span></li>
                    <li>Luggage space capacity: <span>280l</span></li>
                </ul>

                <ul class="spec">
                    <li class="people">Seat count: <span>5</span></li>
                    <li class="doors">Number of doors: <span>5</span></li>
                    <li class="luggage">Luggage space capacity: <span>206</span></li>
                    <li class="automatic">Automatic transmission: <span>x</span></li>
                    <li class="aircondition">A/C: <span>√</span></li>
                    <li class="fuel">Fuel: <span>B</span></li>
                    <li class="polution">Emmision: <span>149 g/kga</span></li>
                </ul>
            </div>

            <h3>Vehicle equipment</h3>
            <p>Systems ABS + ASR, airbag both (driver and passenger), powered steering, board computer, central locking with remote control, system ISOFIX for child car seats rear placement, Eco Start/Stop function, automatic aircondition, powered front windows, heated and electric. adjustable rear-view exterior mirrors, navigation, audio system with CD player.</p>

            <h3>Gallery</h3>
            <ul class="thumb-list">
                <li><a href="#"><img src="pictures/car-detiail-thumb-1.jpg" alt=""></a></li>
                <li><a href="#"><img src="pictures/car-detiail-thumb-2.jpg" alt=""></a></li>
                <li><a href="#"><img src="pictures/car-detiail-thumb-3.jpg" alt=""></a></li>
                <li><a href="#"><img src="pictures/car-detiail-thumb-4.jpg" alt=""></a></li>
                <li><a href="#"><img src="pictures/car-detiail-thumb-5.jpg" alt=""></a></li>
            </ul>

            <h3>Video</h3>
            <div class="video-placeholder">
                <img src="pictures/car-video-sample.jpg" alt="">
            </div>

        </div><!-- / Three Columns -->

    </div><!-- / Mian -->

        </div><!-- / Wrap -->

<?php include('footer.php'); ?>